一、简介开发完发布新版本后，在有些电脑上总需要强刷才能获取到最新版本的内容，太恶心了。浏览器缓存（BrowserCaching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。附：前端缓存详解，看了这篇更容易理解缓存配置的概念，浏览器缓存主要有两类：协商缓存和彻底(强)缓存。例如：program、cache-control和expires都是前端缓存的关键字段，优先级是pragma>cache-control>expires，pragma是旧产物，已经逐步抛弃，有些网站为了向下兼容
目录基础配置隐藏Nginx版本信息禁止ip直接访问80端口启动web服务(vue项目为例)PC端和移动端使用不同的项目文件映射一个web服务，配置多个项目(location匹配路由区别)配置负载均衡SSL配置HTTPS 最近很多朋友问到Nginx配置前端web服务，所以特地写了这篇文章；希望能够帮助更多的朋友。基础配置userroot;worker_processes1;events{worker_connections10240;}http{log_format'$remote_addr-$remote_user[$time_local]''"$request"$status$
IDEA启动前端目录前言一、打开控制台二、输入npminstall三、依赖下载完之后，输入npmrundev，运行前端项目1、IDEA启动前端工程2、文件目录启动前端工程四、点击http://localhost:8080后续敬请期待前言启动已有的vue前端项目一、打开控制台选中前端工程，右键，点价下图按钮二、输入npminstall输入npminstall下载依赖三、依赖下载完之后，输入npmrundev，运行前端项目1、IDEA启动前端工程2、文件目录启动前端工程找到文件目录，在地址输入cmd，回车输入npmrundev，回车即可四、点击http://localhost:8080运行成功之后
刚刚看了这篇文章：前端做了快两年了，盘点一下我的前端技术栈-掘金(juejin.cn)很火的样子我也来蹭个热点吧前言原文这位博主是刚毕业，我是今年六月要毕业，正在找工作，大概各方面的见解要更差一些（毕竟是来蹭热点的）个人技术栈前端：Vue、React、Nuxt、TS、小程序、UniAPP、原生安卓、RN后端：PHP、Spring全家桶、Node后端Vue和React我觉得直接看原博主的就好了，Vue和React确实都非常优秀（Vue2个人感觉差劲一些），如果是还没有学习框架的朋友我个人建议直接学React，虽然React的有些语法什么的我很讨厌，但是我觉得比Vue更复杂更精巧，学会React后
目录前言RemoteDebugiOSWebKit适配器Windows系统：1.安装scoop主程序（已安装可忽略此步骤）1.1首次安装（非管理员运行）1.2更换scoop镜像库地址2.为scoop添加新bucket2.1安装git程序（已安装可忽略）2.2添加extras库2.3bucket的语法及如何添加第三方库2.4代理（可选）3.安装软件3.1安装ios-webkit-debug-proxy3.2安装vs-libimobile3.3安装remotedebug-ios-webkit-adapter4.调试4.1运行remotedebug-ios-webkit-adapter4.2打开谷歌/
摘要：开发移动端中，经常会遇到一些交互需要通过判断手机键盘是否被唤起来做的，说到判断手机键盘弹起和收起，应该都知道，安卓和ios判断手机键盘是否弹起的写法是有所不同的，下面讨论总结一下两端的区别以及上线方式~HTML：IOS端可以通过focusinfocusout实现window.addEventListener('focusin',()=>{//键盘弹出事件处理alert("ios键盘弹出事件处理")});window.addEventListener('focusout',()=>{//键盘收起事件处理alert("ios键盘收起事件处理")})安卓只能通过resize来判断屏幕大小是否发
font-family中列出的是几乎适用于所有计算机的网络安全字体，如：Arial/Helvetica/Georgia/TimesNewRoman等。但是如果想要一些特别的字体，可以从外部网站中找到并下载，然后在代码中引入。网页自带的字体没有很多，有时候想使用我们自己的字体文件去修改网页字体效果，就可以使用这种方法。需要提前准备自己的字体文件。以下是一些获取字体的网站：fontsquirrel.comfonts.commyfonts.com首先需要在网站上挑选合适的字体并下载到本地，这里我选用了一种很火的免费字体：opensans，在fontsquirrel.com中找到并下载。将下载好的ot
性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器；说到前端性能，就少不了性能分析的利器—— Performance 😎；我想各位前端小伙伴，在使用Chrome浏览器 DevTool 时或多或少都有留意到这个面板吧？图片今天我们就迈开性能分析的第一步，来探究一下 Performance 这个强大的工具。文章中提到的 Performance 面板，以Chrome118版本为参考。Performance面板我们打开 Performance 面板：图片我把 Performance 面板大概划分为操作区、设置区、报告区三块区域：操作区：主要用于性能分析的开启、关闭、性能报告的
文章目录问题背景原理及可尝试方案查文档this.$forceUpdate();问题背景今天在项目中遇到一个问题，使用el-upload组件时，上传文件进度条没有实时更新，需要手动点击一下才会更新。原理及可尝试方案el-upload组件默认的进度条是通过Ajax请求上传文件，并且进度条通过监听xhr.upload的progress事件来实时更新。但是，有些浏览器在处理进度事件时可能会存在问题，导致进度条不会实时更新。如果进度条没有实时更新，可以尝试使用el-upload组件提供的on-progress事件来手动更新进度条。具体做法是在on-progress事件处理函数中，将上传进度值赋给进度条的
用于web播放海康威视rtsp://admin:ca123456@192.168.64.82:554//Streaming/Channels/1格式的视频。注意：前2个目前都在windows上使用，服务器安装部署多多少少有些问题，如果急需解决则直接看第3个方法。1、WebRtcStreamergithub:https://github.com/mpromonet/webrtc-streamer/releases但是经常打不开，如果有需要私信我，因为太忙了没时间放网盘，见谅里面有windows版也有linux版的在本地使用，进入exe目录 启动，默认是8000 打开测试 默认是index.htm
